// 引入清除样式表，公共样式
@import 'reset';

//px转vw函数
@function px2Vw($px, $baseRatio: 3.75px) {
    @return ($px/$baseRatio) * 1vw;
}
div{
    width: px2Vw(375px);
    box-sizing: border-box;
}

.warp{
    background-color: #F7F7F7;
}

.header{
    
    height: px2Vw(42px);
    background-color: #FFFFFF;
    color: #000000ff;
    font-size: px2Vw(16px);
    font-weight: 400;
    font-family: "PingFang SC";
    text-align: center;
    line-height: px2Vw(42px);
}

// 弹窗页面公用的收货人信息样式
.info{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0 auto;
    margin-top:px2Vw(10px);
    width: px2Vw(355px);
    border-radius: px2Vw(5px);
    background-color: #FFFFFF;

}
.info-line{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: px2Vw(50px) ;
    border-bottom: 1px solid #F8F8F8;
    // 设置图片边框
    &:last-child{
        border-image-slice:0 0 12% 0;
        border-image-width:0px 0px 5px 0px;
        border-image-outset: 0px 0px 0px 0px;
        border-image-repeat:repeat repeat;
        border-image-source:
        url("https://mdn.github.io/css-examples/tools/border-image-generator/border-image-5.png");
    }
    span{
        display: block;
        padding:0 px2Vw(10px) ;
        font-size:px2Vw(14px) ;
        line-height: px2Vw(50px);
    }
}

// 各页面私有样式
.time-select{
    background-color: #ffffff;
}
.time-line{
    padding-left:px2Vw(20px);
    height:px2Vw(61px);
    border-bottom: 1px solid #F8F8F8;
    line-height:px2Vw(61px) ;
    font-size:px2Vw(14px);
}









